<template>
  <div class="all">
    <div class="seat">
      <el-button
        type="primary"
        icon="el-icon-notebook-1"
        size="mini"
        circle
        plain
      ></el-button>
      <el-button
        type="primary"
        icon="el-icon-notebook-1"
        size="mini"
        circle
        plain
      ></el-button>
      <el-button
        type="primary"
        icon="el-icon-notebook-1"
        size="mini"
        circle
        plain
      ></el-button>
      <el-button
        type="primary"
        icon="el-icon-notebook-1"
        size="mini"
        circle
        plain
        style="margin-top: 0.3rem"
      ></el-button>
      <el-button
        type="primary"
        icon="el-icon-notebook-1"
        size="mini"
        circle
        plain
      ></el-button>
      <el-button
        type="primary"
        icon="el-icon-notebook-1"
        size="mini"
        circle
        plain
      ></el-button>
    </div>
    <div class="table"></div>
    <div class="seat">
      <el-button
        type="primary"
        icon="el-icon-notebook-1"
        size="mini"
        circle
        plain
      ></el-button>
      <el-button
        type="primary"
        icon="el-icon-notebook-1"
        size="mini"
        circle
        plain
      ></el-button>
      <el-button
        type="primary"
        icon="el-icon-notebook-1"
        size="mini"
        circle
        plain
      ></el-button>
      <el-button
        type="primary"
        icon="el-icon-notebook-1"
        size="mini"
        circle
        plain
        style="margin-top: 0.3rem"
      ></el-button>
      <el-button
        type="primary"
        icon="el-icon-notebook-1"
        size="mini"
        circle
        plain
      ></el-button>
      <el-button
        type="primary"
        icon="el-icon-notebook-1"
        size="mini"
        circle
        plain
      ></el-button>
    </div>
  </div>
</template>
<style scoped>
.all {
  display: flex;
  flex-direction: row;
  margin: 0.2rem;
}
.el-button + .el-button {
  margin: 0;
  margin-top: 0.2rem;
}
.seat {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.table {
  width: 1.5rem;
  height: 4.7rem;
  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
  margin: 0 0.3rem;
}
</style>


<script>
export default {
  name: "seat",
  data() {
    return {};
  },
};
</script>